/* troila-dialog troila-confirm */
.troila-dialog .el-dialog__headerbtn:hover .el-dialog__close,
.troila-confirm .el-message-box__headerbtn:hover .el-message-box__close {
  color: var(--themeColor);
}

.troila-confirm .el-message-box__message > p .light {
  color: var(--themeColor);
}
.troila-dialog .dialog-footer .el-button--default:not(.is-disabled) {
  background-color: transparent;
}
.troila-dialog .dialog-footer .el-button--default:not(.is-disabled):hover,
.troila-dialog .dialog-footer .el-button--default:not(.is-disabled):focus:hover,
.troila-confirm
  .el-message-box__btns
  .el-button--default:not(.el-button--primary):not(.is-disabled):hover,
.troila-confirm
  .el-message-box__btns
  .el-button--default:not(.el-button--primary):not(.is-disabled):focus:hover {
  background-color: var(--hoverColor);
}

.troila-dialog .dialog-footer .el-button--default:not(.is-disabled),
.troila-confirm .el-message-box__btns .el-button--default:not(.is-disabled) {
  color: var(--themeColor);
}

.troila-dialog .dialog-footer .el-button:not(.is-disabled),
.troila-confirm .el-message-box__btns .el-button:not(.is-disabled) {
  border-color: var(--mainColor);
}

.troila-dialog .dialog-footer .el-button--primary:not(.is-disabled),
.troila-confirm .el-message-box__btns .el-button--primary:not(.is-disabled) {
  background-color: var(--mainColor);
}

.troila-confirm .el-message-box__btns .el-button--primary:not(.is-disabled) {
  color: #fff;
  border-color: var(--mainColor);
}

.troila-dialog .dialog-footer .el-button--primary:not(.is-disabled):hover,
.troila-confirm
  .el-message-box__btns
  .el-button--primary:not(.is-disabled):hover {
  background-color: var(--themeColor);
  border-color: var(--themeColor);
}

/* .troila-dialog .el-button.is-disabled,
.troila-dialog .el-button.is-disabled:hover {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #fff;
  border-color: #ebeef5;
} */

.troila-dialog .dialog-footer .el-button--primary:not(.is-disabled):hover,
.troila-confirm
  .el-message-box__btns
  .el-button--primary:not(.is-disabled):hover {
  background-color: var(--themeColor);
  border-color: var(--themeColor);
}

/* troila-form troila-group */

.troila-form .el-button {
  border-color: var(--themeColor);
}

.troila-form .el-button--default {
  color: var(--themeColor);
}
.troila-form .el-button.el-button--default:focus {
  background-color: #fff;
}

.troila-form .el-button--default:hover,
.troila-form .el-button--default:focus:hover {
  background-color: var(--hoverColor);
}

.troila-form .el-button--primary {
  background-color: var(--mainColor);
  border-color: var(--mainColor);
}

.troila-form .el-button--primary:hover {
  background-color: var(--themeColor);
  border-color: var(--themeColor);
}

.troila-form .el-form-item__label,
.troila-form .el-input__inner {
  color: var(--textColor);
}

.troila-form .el-input.is-active .el-input__inner,
.troila-form .el-input__inner:focus,
.troila-form .el-textarea__inner:focus,
.troila-form .el-select .el-input.is-focus .el-input__inner,
.troila-form .el-range-editor.is-active,
.troila-form .el-range-editor.is-active:hover {
  border-color: var(--mainColor);
}

.troila-group .el-button.active {
  /* background-color: var(--mainColor);
  border-color: var(--mainColor);
  color: #fff; */
  background-color: var(--hoverColor);
  border-color: var(--themeColor);
  color: var(--themeColor);
  z-index: 2;
}
.troila-group .el-button:focus {
  background-color: #fff;
  border-color: #dcdfe6;
  color: #606266;
}

.troila-group .el-button:hover {
  background-color: transparent;
  border-color: #c0c4cc;
  color: #606266;
}

/* .troila-group .el-button:hover,
.troila-group .el-dropdown:hover {
  z-index: 3;
} */

.troila-group .el-button.active {
  /* background-color: var(--mainColor);
  border-color: var(--mainColor);
  color: #fff; */
  background-color: var(--hoverColor);
  border-color: var(--themeColor);
  color: var(--themeColor);
  z-index: 2;
}

/* .troila-group .el-button.active:hover {
  background-color: var(--themeColor);
} */

.troila-group .el-button-group > .el-dropdown > .el-button {
  border-left-color: #dcdfe6;
}

.troila-group .el-button-group > .el-dropdown > .el-button:hover {
  border-color: #c0c4cc;
}

.troila-group .el-button-group > .el-dropdown.active > .el-button {
  /* background-color: var(--mainColor);
  border-color: var(--mainColor);
  color: #fff; */
  background-color: var(--hoverColor);
  border-color: var(--themeColor);
  color: var(--themeColor);
  z-index: 2;
}
.troila-btnGroup-popper .el-dropdown-menu__item {
  color: var(--textColor);
}
.troila-btnGroup-popper .el-dropdown-menu__item.active {
  color: var(--themeColor);
}
/* troila-page */

.troila-page .el-pager li:hover,
.troila-page.el-pagination button:hover {
  color: var(--mainColor);
}

.troila-page.el-pagination button:disabled:hover {
  color: #c0c4cc;
}

.troila-page .el-pager li.active {
  background-color: var(--mainColor);
  color: #fff;
  border-color: var(--mainColor);
  z-index: 2;
  position: relative;
}

/* troila-table */

.troila-table thead tr th {
  background-color: var(--tableColor);
  border-top: 1px solid var(--tableColor);
  border-bottom: 1px solid var(--tableColor) !important;
}

.troila-table th,
.troila-table td {
  color: var(--textColor);
}
.troila-table.el-table .ascending .sort-caret.ascending {
  border-bottom-color: var(--mainColor);
}

.troila-table.el-table .descending .sort-caret.descending {
  border-top-color: var(--mainColor);
}

.troila-form .el-radio__input.is-checked:not(.is-disabled) .el-radio__inner,
.troila-table .el-radio__input.is-checked:not(.is-disabled) .el-radio__inner {
  background-color: var(--mainColor);
  border-color: var(--mainColor);
}

.troila-form .el-radio__input.is-checked:not(.is-disabled) + .el-radio__label,
.troila-table .el-radio__input.is-checked:not(.is-disabled) + .el-radio__label {
  color: var(--mainColor);
}

.troila-form .el-checkbox__inner,
.troila-form .el-checkbox__input.is-focus .el-checkbox__inner,
.troila-table .el-checkbox__inner,
.troila-table .el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #dcdfe6;
}

.troila-form .el-radio:not(.is-checked):hover .el-radio__inner,
.troila-form .el-radio__inner:hover,
.troila-form .el-checkbox__inner:hover,
.troila-form .el-checkbox:not(.is-checked):hover .el-checkbox__inner,
.troila-form
  .el-checkbox__input.is-focus:not(.is-checked)
  .el-checkbox__inner:hover,
.troila-table .el-radio__inner:hover,
.troila-table .el-checkbox__inner:hover,
.troila-table
  .el-checkbox__input.is-focus:not(.is-checked)
  .el-checkbox__inner:hover {
  border-color: #c0c4cc;
}

.troila-form .is-error .el-radio__inner {
  border-color: #f56c6c;
}

.troila-form .el-checkbox__input.is-checked .el-checkbox__inner,
.troila-form .el-checkbox__input.is-indeterminate .el-checkbox__inner,
.troila-table .el-checkbox__input.is-checked .el-checkbox__inner,
.troila-table .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: var(--mainColor);
  border-color: var(--mainColor);
}

.troila-table
  .el-checkbox__input:not(.is-disabled).is-checked
  .el-checkbox__inner,
.troila-table .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #fff;
  border-color: var(--mainColor);
  color: var(--mainColor);
}

.troila-table
  .el-checkbox__input:not(.is-disabled).is-indeterminate
  .el-checkbox__inner::before {
  background-color: var(--mainColor);
}

.troila-table
  .el-checkbox__input:not(.is-disabled).is-checked
  .el-checkbox__inner::after {
  border-color: var(--mainColor);
}

.troila-form .el-checkbox__input.is-checked + .el-checkbox__label,
.troila-table .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--mainColor);
}

.troila-form .el-checkbox__input.is-disabled .el-checkbox__inner,
.troila-table .el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf1fc;
  border-color: #dcdfe6;
}

.troila-table .el-table__body tr.hover-row.current-row > td,
.troila-table
  .el-table__body
  tr.hover-row.el-table__row--striped.current-row
  > td,
.troila-table .el-table__body tr.hover-row.el-table__row--striped > td,
.troila-table .el-table__body tr.hover-row > td {
  background-color: var(--tableHColor);
}
.box-card {
  color: var(--textColor);
}
.box-card .operation button.el-button--text {
  color: var(--themeColor);
}
.box-card .operation button.el-button--text:hover {
  color: var(--themeColor);
  opacity: 0.85;
}
.box-card.active {
  border-color: var(--mainColor);
}
.box-card::before {
  border-top-color: var(--mainColor) !important;
}
.moreBox::before {
  background-color: var(--asideBox);
}
.orangeTheme .moreBox::before,
.purpleTheme .moreBox::before {
  background-color: var(--menuSpread);
}
.moreBox > div:hover {
  background-color: var(--mainColor) !important;
}
/* troila-popper */

.troila-popper .el-select-dropdown__item.selected,
.troila-popper.el-select-dropdown.is-multiple
  .el-select-dropdown__item.selected {
  color: var(--themeColor);
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background-color: var(--tableHColor);
}
.troila-popper .el-dropdown-menu__item:not(.active):focus {
  color: #606266;
}
.troila-popper .el-dropdown-menu__item:focus {
  background-color: transparent;
}

.troila-popper .el-dropdown-menu__item:not(.is-disabled):not(.active):hover {
  color: #606266;
}
.troila-popper .el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: var(--tableHColor);
}

.troila-popper .el-date-table td.today span {
  color: var(--mainColor);
}

.troila-popper .el-date-table td.available:hover {
  color: var(--mainColor);
}

.troila-popper .el-date-table td.today.end-date span,
.troila-popper .el-date-table td.today.start-date span {
  color: #ffffff;
}

.troila-popper .el-date-table td.in-range div,
.troila-popper .el-date-table td.in-range div:hover,
.troila-popper .el-date-table.is-week-mode .el-date-table__row.current div,
.troila-popper .el-date-table.is-week-mode .el-date-table__row:hover div {
  background-color: var(--hoverColor);
}

.troila-popper .el-date-table td.end-date span,
.troila-popper .el-date-table td.start-date span {
  background-color: var(--mainColor);
}

.troila-popper .troila-choose {
  color: var(--themeColor);
}

.troila-popper.el-popper[x-placement^="bottom"] .popper__arrow {
  border-bottom-color: #e4e7ed;
}

/* troila-transfer */

.troila-transfer .el-input__inner:focus {
  border-color: var(--mainColor);
}

.troila-dialog
  .troila-transfer
  .el-button.el-transfer__button:not(.is-disabled) {
  background-color: var(--mainColor);
  border-color: var(--mainColor);
}

.troila-dialog
  .troila-transfer
  .el-button.el-transfer__button:not(.is-disabled):hover {
  background-color: var(--themeColor);
  border-color: var(--themeColor);
}

.troila-transfer .el-transfer-panel__item:hover {
  color: #606266;
}

.troila-transfer
  .el-transfer-panel__body
  .el-checkbox__input.is-checked
  + .el-checkbox__label {
  color: var(--mainColor);
}

.troila-transfer .el-checkbox__inner,
.troila-transfer .is-focus .el-checkbox__inner {
  border-color: #dcdfe6;
  border-radius: 2px;
}

.troila-transfer .el-checkbox:hover .el-checkbox__inner,
.troila-transfer .el-checkbox__inner:hover {
  border-color: #c0c4cc;
}

.troila-transfer .el-checkbox__input.is-checked .el-checkbox__inner,
.troila-transfer .el-checkbox__input.is-indeterminate .el-checkbox__inner,
.troila-transfer
  .el-transfer-panel__item:hover
  .el-checkbox__input.is-checked
  .el-checkbox__inner,
.troila-transfer
  .el-transfer-panel__item:hover
  .el-checkbox__input.is-indeterminate
  .el-checkbox__inner {
  /* background-color: transparent; */
  background-color: var(--mainColor);
  border-color: var(--mainColor);
}

.el-loading-spinner .path {
  stroke: var(--themeColor);
}

/* el-pagination */

.troila-page1.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: var(--mainColor);
}
.troila-page1.el-pagination.is-background
  .el-pager
  li:not(.disabled):not(.active):hover,
.troila-page1.el-pagination.is-background
  button:not(:disabled):not(.active):hover {
  color: var(--mainColor);
}

/* main */
i.title-font {
  color: var(--titleColor);
}
i.title-font::before {
  background: var(--mainColor);
}
.topProgress {
  background: var(--mainColor);
}
.subMenu-title {
  color: var(--textColor);
}
.barSmall .subMenu {
  color: var(--textColor);
}
.barSmall li.subMenu-item {
  color: var(--textColor);
}
.elHeader {
  color: var(--textColor);
}
.right-login-info {
  color: var(--textColor);
}
.right-login-info .el-dropdown {
  color: var(--textColor);
}
.troila-popper.colorBox
  .el-dropdown-menu__item:not(.is-disabled):not(.active):hover {
  color: var(--themeColor);
}
.breadcrumbBox {
  color: var(--textColor);
}
.breadcrumbBox span.text:last-child {
  color: var(--mainColor);
}

.menuSpread {
  background-color: var(--menuSpread);
  box-shadow: -0.0267rem 0.0267rem 0.1067rem 0rem transparent;
}
.menuSpread:hover {
  box-shadow: -0.0267rem 0.0267rem 0.1067rem 0rem var(--menuSpreadH);
}
.leftBorder.borderActive {
  background: var(--borderActive) !important;
}
.logo + span {
  color: #ffffff;
}
.menus .menuList {
  color: #ffffff;
  background-color: transparent;
}
.menus .menuList .menuBox {
  background: transparent;
}
.menus .menuList.open .menuBox {
  background-color: var(--sibarColor3);
}
.menus .menuList.active .menuBox,
.menus .menuList .menuBox:hover {
  background-color: var(--sibarColor561);
}
li.subMenu-item:not(.hasChild):hover,
li.subMenu-item > .active:hover {
  background-color: var(--sibarColor56);
}
li.subMenu-item > .active {
  background-color: var(--sibarColor3);
}
li.subMenu-item.subactive {
  background-color: var(--asideBox) !important;
}
.menus .menuList.open .subMenu {
  background-color: var(--sibarColor3);
}
.menus .menuList.open.active .subMenu {
  background-color: var(--sibarColor2);
}
.barSmall li.subMenu-item > .active,
.barSmall li.subMenu-item.subactive,
.barSmall .menus .menuList.open .subMenu {
  background-color: #fff !important;
}
.barSmall li.subMenu-item.subactive,
.barSmall li.subMenu-item:not(.hasChild):hover,
.barSmall li.subMenu-item > .active,
.barSmall .menus .menuList .subMenu.open,
.barSmall .open.subMenu-item .el-icon-arrow-down {
  color: var(--themeColor);
  background-color: #fff !important;
}
